<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML >
<html lang="en">
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>薪酬发放管理.jsp</title>


<script type="text/javascript" src="han/js/jquery-1.8.3.js"></script>

<script type="text/javascript">
$(function(){
	$(function(){
		$("table tr:odd").css("background-color","#FFFFFF");
	});
	$(function(){
		$("#save").click(function(){
		$("table").append("<tr><td class='td1'><input type='checkbox'/>"+"</td><td class='td2'><input type='text'/></td><td class='td3'><input type='text'/></td>"
		+"<td class='td4'><input type='text'/></td><td class='td5'><input type='text'/></td>"
		+"<td class='td6'><input type='text'/></td><td class='td7'><input type='text'/></td></tr>");
			});
	});
	$(function(){
		$("#delete").click(function(){
		
			if($(".td1").checked==true){
				
				$(this).parents.css("disblock:hideen");
			}
		});
	});	
});

	
	
</script>

<style type="text/css">
	#h111{margin-top: 12px;font-size: 14px;margin-left: 22px;}
	#h111 ul{overflow:hidden}
	#h111 ul li{float:left}
	#h112{margin-top: 40px;font-size: 14px;margin-left: 22px;}
	#h112 ul{overflow:hidden}
	#h112 ul li{float:left;padding-right: 15px;}
	#h112 #u2{margin-top: 10px;margin-bottom: 10px;}
	#h112 #u2 ul li:first{width: 116px;}
	#h112 #u4{float: left;margin-top: 10px;margin-bottom: 10px;}
	#h112 #u4 input{width: 64px;height: 24px;background:url(zgq/image/peixunjihua/styled_button_u381.png) no-repeat;
	border:none;color: white;}
	#h112 #u5{float: right;}
	
	#h113{margin-top: 25px;margin-left: 25px;clear: both;font-size: 14px;text-align: center;}
	#h113 #table1 .td1{width:41px;}
	#h113 #table1 .td1 input{width:41px;}
	#h113 #table1 .td2{width:165px;}
	#h113 #table1 .td2 input{width:155px;}
	#h113 #table1 .td3{width:93px;}
	#h113 #table1 .td3 input{width:88px;}
	#h113 #table1 .td4{width:76px;}
	#h113 #table1 .td4 input{width:70px;}
	#h113 #table1 .td5{width:141px;}
	#h113 #table1 .td5 input{width:131px;}
	#h113 #table1 .td6{width:139px;}
	#h113 #table1 .td6 input{width:139px;}
	#h113 #table1 .td7{width:109px;}
	
	#h114{margin-top: 140px;margin-left: 25px;clear: both;font-size: 14px;}
	#h114 #u2{overflow:hidden;margin-top: 10px;}
	#h114 #u2 li{float:left;}
	
	#h115{margin-top: 25px;margin-left: 25px;clear: both;font-size: 14px;}
	#h115 ul{float: right;}
	#h115 #table2{clear: both;}
	#h115 #table2 .td1{width:51px;}
	#h115 #table2 .td2{width:164px;}
	#h115 #table2 .td3{width:187px;}
	#h115 #table2 .td4{width:70px;}
	#h115 #table2 .td5{width:203px;}
	#h115 #table2 .td6{width:109px;}
	
	table{border-collapse:collapse;border: none; }	
	table tr td{border: solid 1px #CCCCCC;}
</style>

</head>

<body>
	
	<div id=all
		style="width:1050px ;height: 2000px;background-color: #C9C9C9;margin: 0 auto;position:relative;top:30px;">
		<div id="header"
			style="width: 1030px; height:100px;position:absolute;left: 10px;top:0px;background-color:white;">
			<%@ include file="header.jsp"%>
		</div>
		<div id="left"
			style="height: 1000px;width: 200px; position:absolute;left: 10px;top:100px;background-color:white;">
			<%@ include file="left_xin2.jsp"%>
		</div>
		<div id="right"
			style="height: 1000px;width: 810px; ;position:absolute;left: 230px;top:100px;
			background-color:#F4F4F4;">
			<div id="h11" style="width:782px;">
            	<div id="h111">
                	<ul>
                    	<li><a>薪酬管理</a></li>
                        <li>>></li>
                        <li><a href="han/findAllFaFangDan">薪酬发放管理</a></li>
                    </ul>
                </div>
                <div id="h112">
                	<form>
                       <div>
                            <ul id="u4">
                                <li><input  id="save" type="button" value="新增" /></li>
                                <li><input id="delete" type="button" value="删除"/></li>
                                <li><input type="button" value="驳回"/></li>
                                <li><input type="button" value="取消"/></li>
                            </ul>
                            <ul id="u5">
                                <li>登记人</li>
                                <li></li>
                                <li>登记时间</li>
                                <li></li>
                            </ul>
                       </div>
                </div>
                <div id="h113">
                	<table id="table1">
                    	<tr style="font-weight: bolder;">
                        	<td class="td1">选择</td>
                            <td class="td2">薪酬单编号</td>
                            <td class="td3">薪酬次数</td>
                            <td class="td4">总人数</td>
                            <td class="td5">基本薪酬总额</td>
                            <td class="td6">实发金额</td>
                            <td class="td7">发放时间</td>
                        </tr>
                        <c:forEach items="guanLiList" var="guanLi">
                        <tr>
                        	<td class="td1"><input type="checkbox"/></td>
                            <td class="td2"><input type="text"/></td>
                            <td class="td3"><input type="text"/></td>
                            <td class="td4"><input type="text"/></td>
                            <td class="td5"><input type="text"/></td>
                            <td class="td6"><input type="text"/></td>
                            <td class="td7"><input type="text"/></td>
                        </tr>
                        </c:forEach>
                    </table>
                </div>
                <div id="h114">
                	<ul id="u1">
                    	<li class="">薪酬单编号：</li>
                        
                        <li class=""></li>
                    </ul>
                    <ul id="u2">
                    	<li>薪酬次数：</li>
                        <li></li>
                        <li>总人数：</li>
                        <li></li>
                        <li>基本薪酬总额</li>
                        <li></li>
                        <li>实发金额</li>
                        <li></li>
                    </ul>
                </div>
                <div id="h115">
                	<ul>
                    	<li>上次发薪时间：</li>
                        <li></li>
                    </ul>
                	<table id="table2">
                    	<tr style="font-weight: bolder;">
                        	<td class="td1">序号</td>
                            <td class="td2">I级机构名称</td>
                            <td class="td3">II级机构名称</td>
                            <td class="td4">人数</td>
                            <td class="td5">基本薪酬金额（元）</td>
                            <td class="td6">操作</td>
                        </tr>
                       
                        <tr>
                        	<td class="td1"></td>
                            <td class="td2"></td>
                            <td class="td3"></td>
                            <td class="td4"></td>
                            <td class="td5"></td>
                            <td class="td6"></td>
                        </tr>
                     
                    </table>
                    
                </div>
            </form>
            
            </div>
        </div>
		
		
		
		
		
		
		
		
		</div>


</body>
</html>
